<template>
  <div class="app-container">
    <div class="app-box">
      <div class="flex align-center">
        <div class="title">选择应用</div>
      </div>
      <div class="card-list flex flex-row align-center">
        <div class="flex flex-row align-center width230">
          <div class="card-box flex flex-row align-center" :class="currentApp == 'baqsj'?'active':''" @click="switchApp('baqsj')">
            <div class="flex-auto">
              <div class="title">不安全事件</div>
              <div class="title mt5">申报系统</div>
            </div>
          </div>
        </div>
        <div class="flex flex-row align-center width230">
          <div class="card-box flex flex-row align-center" :class="currentApp == 'xjsxxm'?'active':''" @click="switchApp('xjsxxm')">
            <div class="flex-auto">
              <div class="title">医疗技术</div>
              <div class="title mt5">管理平台</div>
            </div>
          </div>
        </div>
      </div>
      <div class="flex align-center mt10">
        <div class="line mr10" />
        <div class="title font17">查询条件</div>
      </div>
      <div v-if="currentApp == 'baqsj'">
        <BaqsjTodo />
      </div>
      <div v-if="currentApp == 'xjsxxm'">
        <XjsxxmTodo />
      </div>
    </div>
  </div>
</template>
<script>
import BaqsjTodo from './components/baqsj/baqsjTodo.vue'
import XjsxxmTodo from './components/xjsxxm/xjsxxmTodo.vue'
export default {
  name: 'BusinessTodo',
  components: { BaqsjTodo, XjsxxmTodo },
  data() {
    return {
      currentApp: 'baqsj'
    }
  },
  computed: {

  },

  created() {},
  mounted() {

  },

  methods: {
    switchApp(app) {
      this.currentApp = app
    }
  }
}

</script>
<style lang="scss" scoped></style>
